<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="page/nutrition/css/foodLibrary/foodList.css"/>
</head>
<body>
    <div class="clearfix box">
        <div>
            <div class="element-tab">
                <span class="checked">显示宏量营养素</span>
                <span>显示微量营养素</span>
                <span>显示常量元素</span>
                <span>显示微量元素</span>
            </div>
            <div class="element-details table-responsive ">
                <table class="table table-bordered">
                    <tr>
                        <th>食物名称</th>
                        <th>食部(%)</th>
                        <th>能量(g)</th>
                        <th>蛋白质(g)</th>
                        <th>脂肪(g)</th>
                        <th>碳水化合物(g)</th>
                    </tr>
                    <tr>
                        <td>玉米</td>
                        <td>100%</td>
                        <td>20%</td>
                        <td>66</td>
                        <td>100</td>
                        <td>20</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="my-panel">
            <div class="panel-head">食品库</div>
            <div class="panel-bb">
                <ul class="filetree" id="tree-food"></ul>
            </div>
        </div>
    </div>
</body>
</html>